<template>
	<view class="friend">
		<view class="friend_box">
			<view class="friend_box_img">
				<image class="img" src="../../static/images/yaoqing1.png"></image>
				<view class="liji" @click="lijiyaoqing">
					立即邀请
				</view>
			</view>
			<view class="friend_box_bottom_a">
				<image class="imgs" src="../../static/images/jiangli.png"></image>
				<view class="zhong">
					<image src="../../static/images/chi.png"></image>
				</view>
				<view class="yaoqing">
					<view class="yaoqing_left">
						<view class="yaoqing_left_img">
							<image src="../../static/images/xiao.png"></image>
						</view>
						<view class="yaoqing_left_renshu">
							<text class="text1">已邀请(人)</text>
							<text class="text2">10</text>
						</view>
					</view>
					<view class="yaoqing_zhong"></view>
					<view class="yaoqing_right">
						<view class="yaoqing_right_img">
							<image src="../../static/images/qian.png"></image>
						</view>
						<view class="yaoqing_right_youhui">
							<text class="text1">优惠券(张)</text>
							<text class="text2">20</text>
						</view>
					</view>
				</view>
			</view>
			<view class="friend_box_bottom">
				<image class="imgs" src="../../static/images/jilu.png"></image>
				<view class="friend_yaoqing">
					<text>好友昵称</text>
					<text>邀请时间</text>
					<text>邀请状态</text>
				</view>
				<scroll-view class="scroll-view" scroll-y="true" >
					<view class="friend_yaoqing_a" v-for="item in list" :key="item.id">
						
						<text class="text3">{{item.mz}}</text>
						<text class="text2">{{item.sj}}</text>
						<text class="text1" :class="item.id==2 ? 'items':''">{{item.dl}}</text>
					</view>
					
				</scroll-view>
				<view class="shuju">
					暂无更多记录~
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:[
					{
						id:1,
						mz:'原****你',
						sj:'2022-09-02',
						dl:'已登录',
					},
					{
						id:2,
						mz:'不*******元',
						sj:'2022-09-02',
						dl:'未登录',
					},
					{
						id:3,
						mz:'一*****猪',
						sj:'2022-09-02',
						dl:'已登录',
					},
					{
						id:4,
						mz:'物**反',
						sj:'2022-09-02',
						dl:'未登录',
					},
					{
						id:5,
						mz:'原****你',
						sj:'2022-09-02',
						dl:'未登录',
					},
					{
						id:6,
						mz:'原****你',
						sj:'2022-09-02',
						dl:'已登录',
					},
					{
						id:7,
						mz:'原****你',
						sj:'2022-09-02',
						dl:'未登录',
					},
				]
			}
		},
		methods:{
			lijiyaoqing(){
				uni.navigateTo({
					url:'../../pagesA/invite/invite'
				})
			},
		}
	}
	
</script>

<style lang="scss" scoped>
@import '@/static/sass/friends.scss'
	
</style>